<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>大数据分析</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<!--<link rel="stylesheet" href="css/font-awesome.min.css" />-->
		<!--[if IE 7]>
		<link rel="stylesheet" href="css/font-awesome-ie7.min.css" />
		<![endif]-->
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/com.css" />
		<link rel="stylesheet" href="css/macroAnalysis.css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/echarts3.8.5.min.js"></script>

		<!--html5shiv.js和respond.min.js是为了让IE8支持HTML5的新标签以及CSS3里的媒体查询-->
		<!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5shiv.js"></script>
		<script type="text/javascript" src="js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body class="bg">
		<!--应用详情主体-->
		<div class="container-fluid content-wrap">
			<div class="app-content">
			    <div class="row">
			    	<div class="menu">
			    		<!--<span class="logo fa fa-navicon" title="菜单目录"></span>-->
						<ul class="menu-list w35 pull-left" >
							<li><a class="list-item" href="humanAnalysis.html" title="人口分析">人口分析</a></li>
							<li><a class="list-item" href="legalPersonAnalysis.html" title="法人分析">法人分析</a></li>
							<li class="choose"><a class="list-item" href="macroAnalysis.html" title="宏观经济">宏观经济</a></li>
						</ul>
						<h4 class="title"><span>连云港城市运营监控分析</span></h4>
						<span class="amplify pull-right"><img src="img/enlarge.png/" alt="" /></span>
						<ul class="menu-list w30 pull-right" >
							<li class="choose"><a class="list-item" href="specialAnalysis.html" title="专题分析">专题分析</a></li>
							<li><a class="list-item" href="enterpriseCloud.html" title="企业云图">企业云图</a></li>
							<li><a class="list-item" href="majorProject.html" title="重大项目">重大项目</a></li>
							<li><a class="list-item" href="index.html" title="招商引资">招商引资</a></li>
						</ul>
			    	</div>
			    	<div class="content-list-wrap">
				    	<div class="content-list">
				    		<div class="content-left">
				    			<div class="leftBox h31">
									<h5 class="mt0">投资建设性质分布</h5>
				    				<div class="itemList">
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
				    					<div class="chartwrap" id="investConstruct"></div>
				    				</div>
				    			</div>
				    			<div class="leftBox h31">
				    				<h5>财政收入来源</h5>
				    				<div class="itemList">
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
			    						<div class="chartwrap" id="Revenue"></div>
				    				</div>
				    			</div>
				    			<div class="leftBox h35">
									<h5>三大产业占比</h5>
				    				<div class="itemList">
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
										<div class="chartBox">
				    						<div class="chartwrap w60" id="industryShare"></div>
											<div class="chartwrap h100 w36 vt">
												<ul class="in_list">
													<li class="fs05">第一产业<span class="fs18 b c4">12.7%</span></li>
													<li class="fs05">第二产业<span class="fs18 b c5">12.7%</span></li>
													<li class="fs05">第三产业<span class="fs18 b c2">12.7%</span></li>
												</ul>
											</div>
										</div>
				    				</div>
				    			</div>
				    		</div>
				    		<div class="content-middle">
				    			<div class="midItem">
				    				<div class="itemList" style="border: none;">
				    					
					    				<div class="sumData">
					    					<div class="left"><span>2017年GDP总量</span></div>
					    					<div class="right">
					    						<ul class="number">
					    							<li class="li_bg">2</li>
					    							<li class="li_bg">3</li>
					    							<li class="li_bg">5</li>
					    							<li class="li_bg">4</li>
					    							<li class="li_bg">.</li>
					    							<li class="li_bg">5</li>
					    							<li class="li_bg">2</li>
					    							<li class="none">亿</li>
					    						</ul>
					    					</div>
					    				</div>
					    				<div class="chartwrap">
					    					<div id="middleTop"></div>
					    				</div>
				    				</div>
				    				<div class="itemList mt22">
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<div class="inOutTab">
					    					<ul class="list">
					    						<li><span att="in">人口迁入情况</span></li>
					    						<li><span att="out">人口迁出情况</span></li>
					    					</ul>
					    				</div>
					    				<div class="InOutBox">
					    					<div class="chartwrap" id="middleBottom"></div>
				    						<div class="chartwrap hidden" id="flowOut"></div>
					    				</div>
				    				</div>
				    			</div>
				    		</div>
				    		<div class="content-right">
				    			<h5 class="mt0">实况播报</h5>
				    			<div class="rightBox h30">
				    				<div class="chartBox" >
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<div class="chartwrap w100 text-left">
				    						<div class="education">
				    							<div class="edLeft">
				    								<span class="glyphicon glyphicon-list-alt"></span>
				    								<span>全市拥有企业数量</span>
				    							</div>
				    							<div class="edRight">
				    								<span class="fr unit">家</span><b class="fr c2">7825</b>
				    							</div>
				    						</div>
				    						<div class="education">
				    							<div class="edLeft">
				    								<span class="glyphicon glyphicon-list-alt"></span>
				    								<span>当前企业注册资金</span>
				    							</div>
				    							<div class="edRight">
				    								<span class="fr unit">亿元</span><b class="fr c2">418.95</b>
				    							</div>
				    						</div>
				    					</div>
				    				</div>
				    			</div>
				    			<div class="rightBox h65">
									<h5>重点项目统计</h5>
				    				<div class="chartBox" >
				    					<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<div class="chartwrap w100">
					    					<ul class="improtPoint mt10 text-left">
					    						<li>
					    							<span class="rank bg-c-2">1</span>
					    							<span class="moneny bg-c-6">4.4亿元</span>
					    							<span>南城凤凰小镇</span>
					    						</li>
					    						<li>
					    							<span class="rank bg-c-4">2</span>
					    							<span class="moneny bg-c-6">3.2亿元</span>
					    							<span>高公海家清风小镇</span>
					    						</li>
					    						<li>
					    							<span class="rank bg-c-3">3</span>
					    							<span class="moneny bg-c-6">2.1亿元</span>
					    							<span>赣榆区科技城</span>
					    						</li>
					    						<li>
					    							<span class="rank bg-c-5">4</span>
					    							<span class="moneny bg-c-6">1.8亿元</span>
					    							<span>欧文庄园小镇</span>
					    						</li>
					    						<li>
					    							<span class="rank bg-c-5">5</span>
					    							<span class="moneny bg-c-6">1.4亿元</span>
					    							<span>海景沿线小镇</span>
					    						</li>
					    						<li>
					    							<span class="rank bg-c-5">6</span>
					    							<span class="moneny bg-c-6">1.12亿元</span>
					    							<span>礼庄温泉小镇</span>
					    						</li>
					    					</ul>
					    				</div>
				    				</div>
				    			</div>
				    		</div>
				    	</div>
			    	</div>
			    </div>
			</div>
		</div>
		<!--应用详情主体-->
		<script src="js/common.js"></script>
		<script src="js/macroAnalysis.js"></script>
		<script>
			$(function(){
				$(".List li").on("click",function(){
					$(this).addClass("active").siblings().removeClass("active");
				})
				
				//middleBottom('middleBottom')
			})
			
			
		</script>
	</body>
</html>
